<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>设计师个人中心</title>
    <link type="text/css" rel="stylesheet" href="../Public/css/reset.css">
    <link type="text/css" rel="stylesheet" href="../Public/css/DateTimePicker.css">
    <link type="text/css" rel="stylesheet" href="../Public/css/style.css">
    <style>
        input{
            border: 1px solid #D3D4D3;
        }    
        .tr{
            width: 100%;
            display:block;
            margin: 1%;
        }
        .td{
            width: 50%;
            text-align: right;
            padding-right: 5%;
        }
        .title-img{
            background: url("../Public/images/center.jpg") center no-repeat;
            height: 160px;
            background-size: cover; -moz-background-size: cover;
        }
        .big{
            display: flex;flex-direction: row;padding-right: 2%;padding-left: 2%;margin-bottom: 2%;margin-top:15px;
        }
        .active{
            color: red;
        }
        .center_ul{
            width: 100%;margin: 0;padding: 0;
        }
        .center_li{
           font-weight: 400;padding: 10px;
        }
        .menu{
            width:15%;background-color: #e6f1ef;text-align: center;margin: 0;padding: 0;
        }
        .top01{
            width: 80%;margin-left: 10px;
        }
        .top01 .menu-top{
            display: flex;
            flex-direction:row;
            width: 100%;
            justify-content:space-between;
            margin: 0;
            padding-bottom: 1.5%;
            padding-top: 1.5%;
            color: #353333;
            text-align: center;
            background-color: #7bc2f1;
        }
        .top01 .menu-msg{
            font-size: 14px;
            display: flex;
            flex-direction:row;
            width: 100%;
            justify-content:space-between;
            margin: 0;padding: 0;
            text-align: center;
            background-color: #b1bbb9;
        }
        .top01 .menu-msg li {
            padding: 1%;width: 9%;align-self: center;
        }
        .top01 .menu-top li{
            padding: 1%;width: 9%;
        }
        .top01 .menu_top{
            margin-bottom: 1%;
        }
        .bottom_01{
            display: flex;flex-direction:row;width: 100%;justify-content:space-between;margin: 0;padding: 0;text-align: center;
        }
        .bottom_01 .table{
            padding: 1%;width: 9%;align-self: center;
        }
        .bottom_01 .img{
            display: flex;flex-direction:column; width: 10%;
        }
        .bder{
            border: 1px solid #2e8ded;margin-bottom: 2%;
        }
        .pdg{
            padding: 1%;border-bottom: 1px solid #e6f1ef;
        }
            .txt_line{
        margin: 20px;
        width: 200px;
    }
    .txt_lineTwo{
        float: left;
        margin: 15px;

    }
    .text_lineTable{
        margin-left: 20px;
    }
    </style>
</head>
<body>
<!-- 公共头部引用 str -->
<include file="Common:header"/>
<!-- 公共头部引用 str -->
<div class="title-img"></div>
<div class="big" ><!--style="display: block"-->
        <div class="menu">
            <include file="Common:menu"/>
        </div>
        <div class="top01" style="display: block">
           

            <div id="6" style="display: ;">
                <div style="float: left;text-align: center;background-color:#eeeeee;margin-left: 5px;margin-top: 10px;width: 80%">
                    <div class="txt_lineTwo">商品</div>
                    <div class="txt_lineTwo" >单价</div>
                    <div class="txt_lineTwo" >设计师</div>
                    <div class="txt_lineTwo" >风格</div>
                    <div class="txt_lineTwo">城市</div>
                    <div class="txt_lineTwo">房屋类型</div>
                    <div class="txt_lineTwo">户型</div>
                    <div class="txt_lineTwo">面积</div>
                    <div class="txt_lineTwo">预算</div>
                    <div class="txt_lineTwo">交易状态</div>
                    <div class="txt_lineTwo">交易操作</div>
                    <div class="txt_lineTwo">支付门店</div>
                </div>
                <div style="float: left;margin-left: 5px;border-top:solid 1px #a0cdec;border-left: solid 1px #a0cdec;border-right: solid 1px #a0cdec;width: 76%;text-align: left;padding: 23px;margin-top: 10px">订单号:201625148965456456
                </div>
                <table style="float: left;border: solid 1px #a0cdec;padding: 20px 0px;margin-left: 5px;width: 80%">

                    <tr>

                        <td><img style="margin-left: 5px" src="img/text.jpg"></td>
                        <td><span class="text_lineTable">240元/㎡</span></td>
                        <td style="width: 80px"><span class="text_lineTable">杨小幂</span></td>
                        <td><span class="text_lineTable" style="margin-left: 35px">简约</span></td>
                        <td><span class="text_lineTable" style="margin-left: 28px">杭州</span></td>
                        <td><span class="text_lineTable" style="margin-left: 40px">公寓</span></td>
                        <td style="width: 150px"><span class="text_lineTable">一室一厅</span></td>
                        <td><span class="text_lineTable">89㎡</span></td>
                        <td><span class="text_lineTable">15万</span></td>
                        <td><span class="text_lineTable" style="margin-left: 28px">退款成功</span></td>
                        <td><span class="text_lineTable" style="margin-left: 50px">杭州西湖店</span></td>
                    </tr>
                </table>
                <div style="float: left;margin-left: 5px;border-top:solid 1px #a0cdec;border-left: solid 1px #a0cdec;border-right: solid 1px #a0cdec;width: 76%;text-align: left;padding: 23px;margin-top: 10px">订单号:201625148965456456
                </div>
                <table style="float: left;border: solid 1px #a0cdec;padding: 20px 0px;margin-left: 5px;width: 80%">

                    <tr>

                        <td><img style="margin-left: 5px" src="img/text.jpg"></td>
                        <td><span class="text_lineTable">240元/㎡</span></td>
                        <td style="width: 80px"><span class="text_lineTable">杨小幂</span></td>
                        <td><span class="text_lineTable" style="margin-left: 35px">简约</span></td>
                        <td><span class="text_lineTable" style="margin-left: 28px">杭州</span></td>
                        <td><span class="text_lineTable" style="margin-left: 40px">公寓</span></td>
                        <td style="width: 150px"><span class="text_lineTable">一室一厅</span></td>
                        <td><span class="text_lineTable">89㎡</span></td>
                        <td><span class="text_lineTable">15万</span></td>
                        <td><span class="text_lineTable" style="margin-left: 28px">退款中</span></td>
                        <td><span class="text_lineTable" style="margin-left: 50px"></span></td>
                    </tr>
                </table>
                <div style="float: left;margin-left: 5px;border-top:solid 1px #a0cdec;border-left: solid 1px #a0cdec;border-right: solid 1px #a0cdec;width: 76%;text-align: left;padding: 23px;margin-top: 10px">订单号:201625148965456456
                </div>
                <table style="float: left;border: solid 1px #a0cdec;padding: 20px 0px;margin-left: 5px;width: 80%">

                    <tr>

                        <td><img style="margin-left: 5px" src="img/text.jpg"></td>
                        <td><span class="text_lineTable">240元/㎡</span></td>
                        <td style="width: 80px"><span class="text_lineTable">杨小幂</span></td>
                        <td><span class="text_lineTable" style="margin-left: 35px">简约</span></td>
                        <td><span class="text_lineTable" style="margin-left: 28px">杭州</span></td>
                        <td><span class="text_lineTable" style="margin-left: 40px">公寓</span></td>
                        <td style="width: 150px"><span class="text_lineTable">一室一厅</span></td>
                        <td><span class="text_lineTable">89㎡</span></td>
                        <td><span class="text_lineTable">15万</span></td>
                        <td><span class="text_lineTable" style="margin-left: 28px">退款失败</span></td>
                        <td><span class="text_lineTable" style="margin-left: 50px"></span></td>
                    </tr>
                </table>
            </div>
           
        </div>

</div>
 


<!--bottom-->
<include file="Common:footer"/>
<!--bottom end-->
<script type="text/javascript" src="../Public/script/jquery.js"></script>
<script>
    $(function(){
        $(".menu-top li").click(function(){
            var ss=$(this)
            $(".menu-top li").removeClass("active")
            ss.addClass("active")
        })
        $(".center_ul li").click(function(){
            var ss=$(this)
            $(".center_ul li").removeClass("active")
            ss.addClass("active")
        })
    })
</script>
</body>
</html>